<body style="padding:6px; overflow:hidden;"> 
  
    <div id="maingrid" style="margin:0; padding:0"></div> 
    <div style="display:none;"> 
  <!-- g data total ttt --> 
</div> 
  
</body> 
 
<script type="text/javascript"> 
 
//----------------------------------------------------------------------- 
 var g = null; 
        $(function () { 
           g = $("#maingrid").ligerGrid({ 
                columns:  [
			{ display: 'ID', name: 'id', width: 80 },
			{ display: '模板标题', name: 'title', width: 120 },
			{ display: '模板代码', name: 'code', width: 120 },
			{ display: '模板配置', name: 'text' , width: 120,render: function (item){
   				return "<a title='"+item.text+"'>"+item.text+"</a>";
  				}
  			},
			{ display: '参数配置', name: 'text' , width: 120,render: function (item){
   				return "<a title='"+item.params+"'>"+item.params+"</a>";
  				}
  			},
			{ display: '参数说明', name: 'descr' , width: 120,render: function (item){
   				return "<a title='"+item.descr+"'>"+item.descr+"</a>";
  				}
  			}
			],	
			  pageSize:10, 
              url: '${appServer}/template/query.json',
              root:'rows', 
              pageSize:10,
			  page:1,
			  record :'total',
			 pageParmName :'page',
			 pagesizeParmName :'pageSize',
              width: '100%',height:'100%' 
            });  
            $("#pageloading").hide(); 
        }); 
        function f_select() 
        { 
            return g.getSelectedRow(); 
        } 
 
 
</script> 